<!-- common start -->
#include("common.html")
<!-- common end -->
<!DOCTYPE html>
<html>
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1;" id="viewport" name="viewport"> 
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 
  <!--离线应用的另一个技巧--> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <!--指定的iphone中safari顶端的状态条的样式--> 
  <meta content="black" name="apple-mobile-web-app-status-bar-style"> 
  <!--告诉设备忽略将页面中的数字识别为电话号码--> 
  <meta content="telephone=no" name="format-detection"> 
  <meta http-equiv="Page-Enter" content="revealTrans(duration=5, transition=2)"> 
  <meta http-equiv="Page-Exit" content="revealTrans(duration=5, transition=2)"> 
  <title>我的网站</title> 
  <meta name="description" content="站点描述"> 
  <meta name="keywords" content="站点默认关键字"> 
  <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/basic.css"> 
  <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/style.css"> 
  <script type="text/javascript" src="#(tpath)/static/js/jquery.min.js"></script> 
  <script type="text/javascript" src="#(tpath)/static/js/TouchSlide.1.1.js"></script> 
  <script src="#(tpath)/static/js/slide-js.js"></script> 
  <script type="text/javascript" src="#(tpath)/static/js/respond.min.js"></script> 
  <script type="text/javascript" src="#(tpath)/static/js/respond.src.js"></script> 
  <script type="text/javascript" src="#(tpath)/static/js/script.js" defer></script> 
  <script type="text/javascript" src="#(tpath)/static/js/lazy.js"></script> 
  <script>
    $(function(){
$("img").lazyload({
threshold : 200,
effect : "fadeIn"
});
     })
</script> 
  <!--[if lt IE 9]>
<script>
document.createElement('video');
</script>
<![endif]--> 
 </head> 
 <body> 
  <div id="wrap"> 
   <!-- header start -->
 #include("header.html")
 <!-- header end -->
   <div class="banner"> 
    <div class="banner_videobj"> 
     <video autoplay="" loop="" poster="#(tpath)/static/images/img41.jpg" id="bgvid"> 
      <source src="#(tpath)/static/images/video.mp4" type="video/mp4"> 
      <script type="text/javascript">
            //在页面初始化时为图片绑定点击事件
            $(function(){
                $(".video_btn").toggle(function(){
                    $(this).css("background","url(#(tpath)/static/images/ico24.png)")
                    $('#bgvid').trigger('pause');
                },function(){
                    $(this).css("background","url(#(tpath)/static/images/ico25.png)")
                    $('#bgvid').trigger('play');
                });
            });
        </script> 
     </video> 
    </div> 
    <div class="banner_bj"> 
     <div class="banner_bj2"> 
      <div class="banner_bj_main"> 
       <div class="banner_bj_img">
        <img src="#(tpath)/static/images/img40.png">
       </div> 
       <a href="javascript:;" class="video_btn"></a> 
      </div> 
     </div> 
    </div> 
   </div> 
   <style>
			.video_pcbanner_fx{
				position:fixed;
				left:0px;
				bottom:0;
			}
		</style> 
   <script>
	$(document).ready(function() {
		$(document).scroll(function(){
			var nScrollTop = $(document).scrollTop();
			if($(document).scrollTop()>=920) {
				$(".video_pcbanner").addClass("video_pcbanner_fx");
			}else{
				$(".video_pcbanner").removeClass("video_pcbanner_fx");
			}
		});
	});
	</script> 
   <div class="pbanner" id="pbanner"> 
    <div class="bd"> 
     <ul> 
      <li> <a class="pic" href="javascript:;"><img src="#(tpath)/static/images/1474186886.jpg"></a> </li>
      <li> <a class="pic" href="javascript:;"><img src="#(tpath)/static/images/1474186820.jpg"></a> </li>
      <li> <a class="pic" href="javascript:;"><img src="#(tpath)/static/images/1474186917.jpg"></a> </li> 
     </ul> 
    </div> 
    <div class="hd"> 
     <ul></ul> 
    </div> 
   </div> 
   <script type="text/javascript">
		TouchSlide({
			slideCell:"#pbanner",
			titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
			mainCell:".bd ul",
			effect:"leftLoop",
			autoPage:true,//自动分页
			autoPlay:true, //自动播放
            delayTime:1500, //毫秒；切换效果持续时间（执行一次效果用多少毫秒）。
            interTime:2500,
		});
	</script> 
   <div class="c1 clearfix"> 
    <div class="c1_title"> 
     <b>我们是谁</b> 
     <span>About Us</span> 
    </div> 
    <div class="pcbox"> 
     <div class="c1_text">
       XXDJ培训中心隶属于XXX文化传播有限公司。公司创始人从2005年开始从事DJ培训事业。迄今超过11年。2016年起，XX正式成为美国DMCC专业DJ组织在中国地区唯一合伙人机构，唯一有权颁发美国DMCC专业DJ执业证书。 
     </div> 
     <div class="c1_list clearfix"> 
      <ul> 
       <li> 
        <div class="c1_ico1"> 
        </div> 
        <div class="c1phone_ico1"> 
        </div> 
        <div class="c1list_title">
          资历最深 
        </div> 
        <div class="c1list_text">
          2005年开创DJ事业至今超过10年
         <br> 国内首家DJ艺术培训中心 
        </div> 
        <div class="c1list_text_phone">
          2005年开创DJ事业至今超过10年
         <br> 国内首家DJ艺术培训中心 
        </div> </li> 
       <li> 
        <div class="c1_ico2"> 
        </div> 
        <div class="c1phone_ico2"> 
        </div> 
        <div class="c1list_title">
          体系最完整 
        </div> 
        <div class="c1list_text">
          除了完整的精益DJ技术课程体系，还包含了智商+情商+财商
         <br> 的课程体系，花一样钱，学四样内容 
        </div> 
        <div class="c1list_text_phone">
          除了完整的精益DJ技术课程体系，还包含了智商+情商+财商的课程体系，花一样钱，学四样内容 
        </div> </li> 
       <li> 
        <div class="c1_ico3"> 
        </div> 
        <div class="c1phone_ico3"> 
        </div> 
        <div class="c1list_title">
          资历最深 
        </div> 
        <div class="c1list_text">
          美国DMCC专业DJ组织在中国地区唯一合伙人机构，
         <br> 唯一有权颁发美国DMCC专业DJ执业证书 
        </div> 
        <div class="c1list_text_phone">
          美国DMCC专业DJ组织在中国地区唯一合伙人机构，唯一有权颁发美国DMCC专业DJ执业证书 
        </div> </li> 
      </ul> 
     </div> 
    </div> 
   </div> 
   <div class="c2"> 
    <div class="c2_main"> 
     <div class="c2_title"> 
      <b>名师推荐</b> 
      <span>Teacher</span> 
     </div> 
     <script src="#(tpath)/static/js/modernizr-custom.min.js"></script> 
     <script src="#(tpath)/static/js/mislider.min.js"></script> 
     <script>
                jQuery(function ($) {
                    var slider = $('.mis-stage').miSlider({
                        stageHeight: 380,
                        slidesOnStage: false,
                        slidePosition: 'center',
                        slideStart: 'mid',
                        slideScaling: 150,
                        offsetV: -5,
                        centerV: true,
                        navButtonsOpacity: 1
                    });
                });
            </script> 
     <div id="wrapper"> 
      <div class="mis-stage"> 
       <ol class="mis-slider"> 
       #content_list(categoryId="908",count=5)
       #for(content : contents)
        <li class="mis-slide"> <a href="#(content.path)" class="mis-container"> 
          <div> 
           <img src="#(tpath)/static/images/1-1612111H4520-L.png"> 
           <div class="c2list_tilte">
           Dj辉仔
           </div> 
           <div class="c2list_del">
            公司主教；2014年师从学习DJ,曾驻场于徐州索玛... 
           </div> 
          </div> </a> </li> 
        #end
        #end
       </ol> 
      </div> 
     </div> 
     <div class="c2list_phone clearfix" id="c2list_phone"> 
      <div class="bd"> 
       <ul> 
       #content_list(categoryId="908",count=5)
       #for(content : contents)
        <li> <a href="#(content.path)"> 
          <div class="c2list_phone_img">
           <img src="#(tpath)/static/images/1-1612111H4520-L.png">
          </div> 
          <div class="c2list_phone_title">
           Dj辉仔
          </div> 
          <div class="c2list_phone_del">
           公司主教；2014年师从学习DJ,曾驻场于徐州索玛...
          </div> </a> </li> 
        #end
        #end
       </ul> 
      </div> 
      <script type="text/javascript">
                    TouchSlide({
                        slideCell:"#c2list_phone",
                        mainCell:".bd ul",
                        effect:"leftLoop",
                        autoPlay:true //自动播放
                    });
                </script> 
     </div> 
    </div> 
   </div> 
   <div class="c3"> 
    <div class="pcbox clearfix"> 
     <div class="c3_main clearfix"> 
      <div class="c3_con fr"> 
       <div class="c2_title"> 
        <b>课程体系</b> 
        <span>Course</span> 
       </div> 
       <div class="c3_del">
        不同班级的课程上课内容不同、课程总体时间不同、就业能力不同
       </div> 
       <div class="c3_list"> 
       
       #content_list(categoryId="900",count=5)
       #for(content : contents)
        <a href="#(content.path)" class="c3_list1"> 
         <div class="c3_ico">
          <img src="#(tpath)/static/images/" data-original="static/picture/ico19.png">
         </div> 
         <div class="c3_t1">
           至尊DJ班
         </div> 
         <div class="c3_t2">
          ￥32900
         </div><div class="c3_hot"></div> </a>
        #end
        #end
       </div> 
       <div class="c3list_phone"> 
        <ul> 
         #content_list(categoryId="900",count=5)
       #for(content : contents)
         <li class="clearfix"> <a href="#(content.path)" class="clearfix"> 
           <div class="c3list_phone_ico1 fl"></div> 
           <div class="c3list_phone_center fl"> 
            <div class="c3list_phone_t1">
              至尊DJ班
            </div> 
            <div class="c3list_phone_t2">
             ￥32900
            </div> 
           </div>
           <div class="fr hot">
            hot
           </div> </a> </li>
           #end
        #end
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="c4"> 
    <div class="c2_title"> 
     <b>照片展示</b> 
     <span>Photograph</span> 
    </div> 
    <div class="pcbox"> 
     <div class="c4_slide clearfix"> 
      <div class="hd clearfix"> 
       <ul> 
        <li class="on">学员照片</li> 
        <li>教学照片</li> 
        <li>DJ现场</li> 
        <li>品牌文化</li> 
       </ul> 
      </div> 
      <div class="bd clearfix"> 
       <ul> 
       #content_list(categoryId="903",count=8)
       #for(content : contents)
        <li> 
         <div class="c4_img"> 
          <img src="#(tpath)/static/images/1-161214112333-lp.jpg" class="gray" width="300" data-original="#(tpath)/static/images/1-161214112333-lp.jpg"> 
          <div class="c4_img_links"> 
           <a href="#(content.path)"></a> 
          </div> 
         </div> </li> 
         #end
        #end
       </ul> 
       <ul> 
       </ul> 
       <ul> 
       </ul> 
       <ul> 
       </ul> 
      </div> 
      <script>
                    jQuery(".c4_slide").slide({trigger:"click"});
                    $(function(){
                        $(".c4_slide .bd ul li .c4_img").hover(function(){
                            $(this).children(".c4_img_links").show();
                        },function(){
                            $(this).children(".c4_img_links").hide();
                        })
                    })
                </script> 
     </div> 
     <div class="c4_slide_phone clearfix" id="c4_slide_phone"> 
      <div class="hd clearfix"> 
       <ul> 
        <li class="on">学员照片</li> 
        <li>教学照片</li> 
        <li>DJ现场</li> 
        <li>品牌文化</li> 
       </ul> 
      </div> 
      <div class="bd"> 
       <ul> 
       	#content_list(categoryId="903",count=8)
       #for(content : contents)
        <li> 
         <div class="c4_slide_phone_img"> 
          <a href="#(content.path)"> <img src="#(tpath)/static/images/1-161214112333-lp.jpg" data-original="#(tpath)/static/images/1-161214112333-lp.jpg"></a> 
         </div> </li> 
         #end
        #end
       </ul> 
       <ul> 
       </ul> 
       <ul> 
       </ul> 
       <ul> 
       </ul> 
      </div> 
      <script type="text/javascript">
                    TouchSlide({
                        slideCell:"#c4_slide_phone",
                        effect:"leftLoop",
                    });
                </script> 
     </div> 
    </div> 
   </div> 
   <div class="c5"> 
    <div class="c2_title"> 
     <b>模客视频</b> 
     <span>Video</span> 
    </div> 
    <div class="c5_slide clearfix"> 
     <ul> 
     		#content_list(categoryId="904",count=5)
       #for(content : contents)
      <li> 
       <div class="c5_img">
        <a href="#(content.path)"><img src="#(tpath)/static/images/1469084504167.png" data-original="#(tpath)/static/images/1469084504167.png"></a>
       </div> 
       <div class="c5_t1">
        教学视频
       </div> 
       <div class="c5_t2">
        10年培训经验，10年教学口碑
       </div> </li> 
       #end
        #end
       
     </ul> 
    </div> 
    <div class="c5_slide_phone clearfix" id="c5_slide_phone"> 
     <div class="bd"> 
      <ul> 
      #content_list(categoryId="904",count=5)
       #for(content : contents)
       <li> <a href="#(content.path)"> 
         <div class="c5_slide_phone_img">
          <img src="#(tpath)/static/images/1469084504167.png" data-original="#(tpath)/static/images/1469084504167.png">
         </div> 
         <div class="c5_phone_t1">
          教学视频
         </div> 
         <div class="c5_phone_t2">
          10年培训经验，10年教学口碑
         </div> </a> </li> 
        #end
        #end
      </ul> 
     </div> 
    </div> 
    <script type="text/javascript">
            TouchSlide({
                slideCell:"#c5_slide_phone",
                mainCell:".bd ul",
                effect:"leftLoop",
                autoPlay:true //自动播放
            });
        </script> 
   </div> 
   <div class="c6"> 
    <div class="c6_top clearfix"> 
     <div class="pcbox"> 
      <div class="c6top_main clearfix"> 
       <div class="c1_title"> 
        <b>联系我们</b> 
        <span>Contact us</span> 
       </div> 
       <div class="c6top_list clearfix"> 
        <ul> 
         <li> 
          <div class="c6top_list_main"> 
           <div class="c6top_list_ico">
            <img src=#(tpath)/static/images/ico22.png data-original="#(tpath)/static/images/ico22.png">
           </div> 
           <div class="c6top_list_title">
            13888888888
           </div> 
          </div> </li> 
         <li> 
          <div class="c6top_list_main"> 
           <div class="c6top_list_ico">
            <a href=""><img src="#(tpath)/static/images/ico10.png"></a>
           </div> 
           <div class="c6top_list_title">
            重庆市渝北区
           </div> 
          </div> </li> 
         <li> 
          <div class="c6top_list_main"> 
           <div class="c6top_list_ico">
            <a href="javascript:;"><img src="#(tpath)/static/images/ico11.png"></a>
           </div> 
           <div class="c6top_list_title">
            123456
           </div> 
          </div> </li> 
        </ul> 
       </div> 
       <div class="c6_ewm">
        <img src="#(tpath)/static/images/ewm.png" data-original="#(tpath)/static/images/ewm.png">
       </div> 
       <div class="c6_ewm2">
        <img src="#(tpath)/static/images/ewm2.png" data-original="#(tpath)/static/images/ewm2.png" style="max-width:80px">
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="c7"> 
    <div class="pcbox"> 
     <div class="c7_main clearfix"> 
      <div class="c7_list fl"> 
       <div class="c7_title1"> 
        <div class="c7_t1">
         #category(id="906")<a href="#(category.path)">新闻资讯</a>#end
        </div> 
        <div class="c7_t2">
         #category(id="906")<a href="#(category.path)">News Dynamic</a>#end
        </div> 
       </div> 
       <div class="c7_list_main"> 
        <ul> 
        #content_list(categoryId="906",count=5)
       #for(content : contents)
         <li><a href="#(content.path)">这是一条新闻3</a></li> 
         #end
         #end
        </ul> 
       </div> 
      </div> 
      <div class="c7_list fl"> 
       <div class="c7_title2"> 
        <div class="c7_t1">
         #category(id="902")<a href="#(category.path)"><span style="font-family:Arial;">DJ</span>舞曲</a>#end
        </div> 
        <div class="c7_t2">
         #category(id="902")<a href="#(category.path)">Dance Music</a> #end
        </div> 
       </div> 
       <div class="c7_list_main"> 
        <ul> 
        #content_list(categoryId="902",count=5)
       #for(content : contents)
         <li><a href="#(content.path)">这是一首音乐</a></li>
         #end
         #end 
        </ul> 
       </div> 
      </div> 
      <div class="c7_list fl" style="margin-left:0px;"> 
       <div class="c7_title3"> 
        <div class="c7_t1">
         #category(id="904")<a href="#(category.path)"><span style="font-family:Arial;">DJ</span>视频</a>#end
        </div> 
        <div class="c7_t2">
         #category(id="904")<a href="#(category.path)">DJ Video</a>#end
        </div> 
       </div> 
       <div class="c7_list_main"> 
        <ul> 
        #content_list(categoryId="904",count=5)
       #for(content : contents)
         <li><a href="#(content.path)">这是一个教学视频</a></li> 
          #end
         #end 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
   <!-- footer start -->
 #include("footer.html")
 <!-- footer end -->
  </div>  
 </body>
</html>